<!--
 * @Author: your name
 * @Date: 2023-01-02 09:11:46
 * @LastEditTime: 2023-01-02 09:37:38
 * @LastEditors: DESKTOP-4QFD9PO
 * @Description: In User Settings Edit
 * @FilePath: \ClothMes\src\views\EquipmentManagement\Basicdata.vue
-->
<template>
    <div class="main-container">
        <div style="background-color: #fff;height:100%" id="Basicdata">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane title="机台类型列表" key="1">
                    <div style="height: 100%">
                        <BasicdataMachineTypes2></BasicdataMachineTypes2>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="所属区域维护" key="2">
                    <div style="height: 100%">
                        <RegionalMaintenance2></RegionalMaintenance2>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="机器设备维护" key="3">
                    <div style="height: 100%">
                        <MachineryEquipment2></MachineryEquipment2>
                    </div>
                </a-tab-pane>
                <!-- <a-tab-pane title="机器产能维护" key="4">
                    <div style="height: 100%">
                        <MachineCapacity2></MachineCapacity2>
                    </div>
                </a-tab-pane> -->
                <a-tab-pane title="类型资料" key="5">
                    <div style="height: 100%">
                        <TypeProfile2></TypeProfile2>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="位置号设置" key="6">
                    <div style="height: 100%">
                        <LocationSettings2></LocationSettings2>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="维修原因维护" key="7">
                    <div style="height: 100%">
                        <RepairReasonMaintenance></RepairReasonMaintenance>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="保养项目维护" key="8">
                    <div style="height: 100%">
                        <MaintenanceMaintenanceItems></MaintenanceMaintenanceItems>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="保养类型维护" key="9">
                    <div style="height: 100%">
                        <MaintenanceType></MaintenanceType>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="保养项目模板" key="10">
                    <div style="height: 100%">
                        <MaintenanceForm></MaintenanceForm>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="设备类型设置模板" key="11">
                    <div style="height: 100%">
                        <TimeSetting></TimeSetting>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="设备设置模板" key="12">
                    <div style="height: 100%">
                        <TimeSetting3></TimeSetting3>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="设备绑定保养人员" key="13">
                    <div style="height: 100%">
                        <TimeSetting4></TimeSetting4>
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>


<script lang="ts">
import { defineComponent, reactive } from 'vue'
import emitter from '@/hooks/useEventBus'
import BasicdataMachineTypes2 from './components/BasicdataMachineTypes2.vue'
import LocationSettings2 from './components/LocationSettings2.vue'
import MachineCapacity2 from './components/MachineCapacity2.vue'
import MachineryEquipment2 from './components/MachineryEquipment2.vue'
import RegionalMaintenance2 from './components/RegionalMaintenance2.vue'
import TypeProfile2 from './components/TypeProfile2.vue'
import RepairReasonMaintenance from './components/RepairReasonMaintenance.vue'
import MaintenanceMaintenanceItems from './components/MaintenanceMaintenanceItems.vue'
import TimeSetting from './components/TimeSetting.vue'
import TimeSetting3 from './components/TimeSetting3.vue'
import TimeSetting4 from './components/TimeSetting4.vue'
import MaintenanceForm from './components/MaintenanceForm.vue'
import MaintenanceType from './components/MaintenanceType.vue'

export default defineComponent({
    name: 'BasicdataDemo',
    setup() {
        const pageData = reactive({
            tableIndex: "1"
        })
        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')
        }
        return {
            pageData,
            tabsChange
        }
    },
    components: {
        BasicdataMachineTypes2, LocationSettings2, MachineCapacity2, MachineryEquipment2, RegionalMaintenance2, TypeProfile2, RepairReasonMaintenance, MaintenanceMaintenanceItems,TimeSetting,MaintenanceForm,MaintenanceType,TimeSetting3,TimeSetting4
    }
})
</script>
<style scoped>
.main-container {
    height: 100%;
}

:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;

}

:deep(.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell)) {
    text-align: center;
}
</style>